BODY {
	FONT-SIZE: 9pt; 
	MARGIN: 0px; 
	font-family: Microsoft YaHei;
	font-size: 12px; 
	LIST-STYLE-TYPE: circle;
	BACKGROUND-COLOR:#FFFFFF
}



/*一、顶部工具栏样式*/


/*1最上层：顶部整体*/
div#topmenu {
background: url(../images/face/bluesky-s1/body_bg.jpg);  /*主背景图片*/
}


/*1.1、最顶部div*/
div#banner {
background-color:#33455B;		/*顶部菜单背景色*/
}

/*1.1.2、顶部版本信息条*/
#banner .version{/*版本信息的样式*/
	position: absolute;
	left: 5px;
	top: 5px;
	color: #DBDBDB;
	font-size: 9px;
	font-family: Arial;
	font-weight: bold;
}

/*1.1.2、顶部右侧工具栏*/

#banner .welcome{	/*顶部按钮相关区域的样式*/
	border: 0px solid red;	/*边框 (宽度  样式  颜色)*/ 
	position: absolute;		/*定位：绝对定位*/ 
	top: 3px;			/*距离底部的距离*/ 
	right: 95px;			/*距离右边的距离*/
	z-index: 10; 
	font-family: Microsoft YaHei;
	font-size: 12px; 
	color:#fff;
}

#banner .optButton{	/*顶部按钮相关区域的样式*/
	border: 0px solid red;	/*边框 (宽度  样式  颜色)*/ 
	position: absolute;		/*定位：绝对定位*/ 
	top: 3px;			/*距离底部的距离*/ 
	right: 5px;			/*距离右边的距离*/
	z-index: 10; 
}
#banner .optButton ul{
	border: 0px solid red;		/*边框 (宽度  样式  颜色)*/ 
	margin: 0px 0px 0px 0px;	/*外边距(上 右 下 左)*/ 
	color: #fff;				/*字体颜色*/ 
	list-style: none;			/*列表样式：无*/ 
}
#banner .optButton ul li{
	float: left;			/*浮动：向左*/ 
	margin-right: 10px;		/*右外边距*/
	border: 0px solid red;	/*边框 (宽度  样式  颜色)*/ 
}
#banner .optButton ul li span{
	display: block;		/*显示*/
	height: 16px;		/*高度*/
	width: 16px;		/*宽度*/
	cursor: pointer;	/*鼠标移上去时鼠标形状*/
}
#banner .optButton ul li span label{
	display: none;	
}
#banner .optButton ul li span.userInfo{/*欢迎您 对应的样式*/
width: 36px;		/*宽度*/
}
#banner .optButton ul li:hover span.userInfo{/*鼠标移上去时 欢迎您 对应的样式*/
width: 36px;		/*宽度*/
}
#banner .optButton ul li span.changePwd{/*更改密码 对应的样式*/
	background: url("/images/face/bluesky-s1/header_optbtn_changepwd.png") no-repeat;	/*背景*/ 
}
#banner .optButton ul li:hover span.changePwd{/*鼠标移上去时 更改密码 对应的样式*/
	background: url("/images/face/bluesky-s1/header_optbtn_changepwd_over.png") no-repeat;	/*背景*/ 
}
#banner .optButton ul li span.setSkin{/*皮肤设置 对应的样式*/
	background: url("/images/face/bluesky-s1/header_optbtn_setskin.png") no-repeat;		/*背景*/ 
}
#banner .optButton ul li:hover span.setSkin{/*鼠标移上去时 皮肤设置 对应的样式*/
	background: url("/images/face/bluesky-s1/header_optbtn_setskin_over.png") no-repeat;		/*背景*/ 
}
#banner .optButton ul li span.refresh{/*刷新 对应的样式*/
	background: url("/images/face/bluesky-s1/header_optbtn_refresh.png") no-repeat;		/*背景*/ 
}
#banner .optButton ul li:hover span.refresh{/*鼠标移上去时 刷新 对应的样式*/
	background: url("/images/face/bluesky-s1/header_optbtn_refresh_over.png") no-repeat;		/*背景*/ 
}
#banner .optButton ul li span.about{/*关于 对应的样式*/
	background: url("/images/face/bluesky-s1/header_optbtn_about.png") no-repeat;		/*背景*/ 
}
#banner .optButton ul li:hover span.about{/*鼠标移上去时 关于 对应的样式*/
	background: url("/images/face/bluesky-s1/header_optbtn_about_over.png") no-repeat;		/*背景*/ 
}
#banner .optButton ul li span.exit{/*退出 对应的样式*/
	background: url("/images/face/bluesky-s1/header_optbtn_exit.png") no-repeat;		/*背景*/ 
}
#banner .optButton ul li:hover span.exit{/*鼠标移上去时 退出 对应的样式*/
	background: url("/images/face/bluesky-s1/header_optbtn_exit_over.png") no-repeat;		/*背景*/ 
}
#banner .optButton ul li span.split{/*分割线 对应的样式*/
	border-left:1px solid #C5C5C5;	/*边框 (宽度  样式  颜色)*/ 
	width: 1px;						/*宽度*/
	height: 15px;					/*高度*/ 
}


/*1.1.2、顶部菜单*/
ul#megamenu {
background-color:#33455B;		/*顶部菜单背景色*/
margin: 0;
padding-left: 0px;
font-family: Microsoft YaHei;
font-size: 12px;
text-align: center;
}


ul#megamenu li {
z-index: 1000;
display: inline;
margin: 0;
position: relative;
}

ul#megamenu h2{
font-size: 100%;
font-weight: normal;
display: inline;
}

ul#megamenu h3 {
font-size: 24px;
display: inline;
}

ul#megamenu li a {
	font-family: Microsoft YaHei;
	color: #F3F3F3;		/*颜色*/
	padding:0px;		/*内边距*/
	text-align: center;	/*文本对齐方式*/
}

ul#megamenu li a:hover {
	background: #f3f3f3 url("/images/face/bluesky-s1/mbmenu_bgnd_sel_2.jpg");	/*顶部菜单获焦点背景(颜色  背景图片)*/
	font-size: 12px;	/*字体大小*/
	color: #000;
}

ul#megamenu li.mega a {
background:none;
}

ul#megamenu li.mega a:hover {
	background: #f3f3f3 url("/images/face/bluesky-s1/mbmenu_bgnd_sel_2.jpg");	/*顶部菜单获焦点背景(颜色  背景图片)*/
	text-decoration: none;
}

ul#megamenu div {
display: none;
}

ul#megamenu li.mega div {
border: 0px;
width: 19em;
position: absolute;
left: 0em;
padding: 1.3em;
background: #f3f3f3;
filter:alpha(opacity=95);
opacity: 0.95;	
}

ul#megamenu li.hovering div {
display: block;
}

ul#megamenu li.mega div a {
color: #300;
padding: 0;
background-image: none;
text-decoration: underline;
}

ul#megamenu li div a.more {
color: #390;
font-weight: bold;
}


ul#megamenu div h3 {
color: #f70;
font-weight: bold;
font-size: 1.1em;
}
ul#megamenu div p {
margin: 0 0 0.8em 0;
padding: 0;
}




/*1.2.1、顶部背景栏-上层搜索操作栏*/
.top-nav {
    width:100%;
    height: 30px;
    z-index: 998;
    background: none;
    border-bottom: 0px
}

.top-nav .map {
    margin-right:100px;
    float: right
}

.top-nav .inner {
    width: 99%;
    height: 27px;
    line-height: 29px;
    overflow: hidden;
    margin: 0 auto;
    position: relative
}

.top-nav .umenu {
    position: absolute;
    right: 0;
    top: 0
}

.top-nav cite {
    font-style: normal
}

.top-nav cite img {
    margin-right: 3px;
    vertical-align: middle
}

.top-nav .pipe {
    margin: 0 3px
}

span .search{
    background: url("/images/face/bluesky-s1/search_button.png") no-repeat right -4px;
}
/*1.2.2、顶部背景栏-下层tab标签页栏*/



/*topleft*/
#topleft {float:left;width:220px}
/*topright*/
#topright {
margin-left:220px;
background:none;
}

/*FrameTabs 标签页样式*/
#FrameTabs{
width:100%;
background:none; 
padding:2px 0 1px;
height:28px;
*height:28px!important; 
position:relative;
}

#FrameTabs li{ 
color : #ffffff;
background : url(../images/face/bluesky-s1/tabl.png) no-repeat left top;		/*失去焦点tab背景-左*/
left:-2px;
padding-left : 1px;
margin-left:1px;
height : 23px;
}

#FrameTabs li a{	/*顶部tab页中A标签对应的样式*/
color : #ffffff;
float:center; 
background : #a9bc52;
height:23px;
font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;
font-size: 12px;
}

#FrameTabs li a.closeTab{
background : url(../images/face/bluesky-s1/tabr.png) no-repeat right top;				/*失去焦点tab背景-右*/
height : 23px;
cursor : pointer;

}

#FrameTabs li.FrameTabs_hover{ background-position:left -251px;}
#FrameTabs li.FrameTabs_hover a{ background-position: left -101px;}
#FrameTabs li.FrameTabs_hover a.closeTab{ background-position: right -401px;}


#FrameTabs li.current{ 
color : #ffffff;
background : url(../images/face/bluesky-s1/tabl-c.png) no-repeat left top;		/*获得焦点tab背景-左*/
left:-2px;
padding-left : 1px;
margin-left:1px;
height : 23px;
}

#FrameTabs li.current a{ 
color : #ffffff;
float:center; 
background : #33455B;		/*获得焦点tab背景-左*/
height:23px;
font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;
font-size: 12px;
}

#FrameTabs li.current a.closeTab{ 
background : url(../images/face/bluesky-s1/tabr-c.png) no-repeat right top;				/*获得焦点tab背景-右*/
height : 23px;
cursor : pointer;
}

#FrameTabs  li#newFrameTab{background:none; padding-top:4px; height:15px; padding-left:2px;}
#FrameTabs  li#newFrameTab a{background:url(../images/face/FrameTabs_Add.gif) left top no-repeat; width:15px; height:15px;}
#FrameTabs  li#newFrameTab a:hover{ background-position:0 -15px;}

#cls_portalpanel {
    height: 12px;
	broder:0px;
	background:url(../images/face/bluesky-s1/icon_home_12.png);
}

/*隐藏的tab-right按钮*/
.tab-right{ 
float:right;
background:transparent url(../images/face/midnight-s1/scroll-right.gif) no-repeat 0 0;
width:18px; 
height:23px;
position:absolute;
right:0;
top:0;
z-index:10;
cursor:pointer;
display:none;
}

/*隐藏的tab-left按钮*/
.tab-left{
background:transparent url(../images/face/midnight-s1/scroll-left.gif) no-repeat -18px 0;
width:18px; 
height:23px;
position:absolute;
left:0;
top:0;
z-index:10;
cursor:pointer; 
display:none;
}




/*二、左侧工具栏样式*/


/*leftmenu*/
#leftmenu {margin-left: 5px;}
.menubox{width:210px; margin:2px auto; text-align:left;}
.menubox ul,ol,li{list-style:none;}
.menubox a{color:#333;text-decoration:none;}
.menubox a:hover{color:#ef9b11; text-decoration:underline; }
.menubox em{ font-style:normal;}
.menubox H3 {FONT-SIZE: 13px}

.allsort {
    Z-INDEX: 11;
    background:url(../images/face/head.gif) repeat-x right -2px;
    FLOAT: left;
    WIDTH: 211px;
    MARGIN-RIGHT: 4px;
    POSITION: relative;
    HEIGHT: 50px
}

.allsort .item {
    BORDER-TOP: #fde6d2 0px solid;
    WIDTH: 203px;
    HEIGHT: 32px;
}

.allsort H3 {
    BORDER-RIGHT: #fef8ef 0px solid;
    BORDER-TOP: #fef8ef 1px solid;
    PADDING-LEFT: 20px;
    FONT-WEIGHT: normal;
    BACKGROUND: url(../images/face/bluesky-s1/leftmenu.jpg) no-repeat -318px -240px;
    BORDER-LEFT: #fef8ef 1px solid;
    BORDER-BOTTOM: #fef8ef 0px solid;
    HEIGHT: 30px
}

.allsort S {
    DISPLAY: block;
    BACKGROUND: url(../images/face/bluesky-s1/leftmenu.jpg) no-repeat -274px -216px;
    LEFT: 182px;
    WIDTH: 13px;
    POSITION: absolute;
    TOP: 10px;
    HEIGHT: 13px
}

.allsort .mc {
    BORDER-RIGHT: #ffffff 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #ffffff 0px solid;
    PADDING-LEFT: 3px;
    background: #ffffff;
    PADDING-BOTTOM: 0px;
    OVERFLOW: visible;
    BORDER-LEFT: #ffffff 1px solid;
    WIDTH: 203px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #ffffff 1px solid;
    POSITION: absolute;
    TOP: 45px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
.allsort .mt {
    padding-top: 0px;
}
.allsort .mc .extra {
    width: 203px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #ffffff;
    PADDING-BOTTOM: 7px;
    PADDING-TOP: 7px;
    overflow: hidden;
}

.allsort .item .i-mc {
    BORDER-RIGHT: #3F536A 1px solid;
    BORDER-TOP: #3F536A 1px solid;
    BACKGROUND: #ffffff;
    LEFT: 163px;
    OVERFLOW: visible;
    BORDER-LEFT: #3F536A 1px solid;
    WIDTH: 206px;
    BORDER-BOTTOM: #3F536A 1px solid;
    POSITION: absolute;
    TOP: 0px;
}

.allsort .subitem DT A {
    COLOR: #3F536A;
}

.allsort .hover H3 {
    BORDER-RIGHT: #3F536A 0px solid;
    BORDER-TOP: #3F536A 1px solid;
    FONT-WEIGHT: bold;
    BACKGROUND: url(../images/cssBg.jpg) #5B9CE0 no-repeat -318px -172px;
    OVERFLOW: hidden;
    BORDER-LEFT: #3F536A 1px solid;
    BORDER-BOTTOM: #3F536A 1px solid
}

/*三、门户元素样式*/


.portlet2 {
font-size:12px;  
border:0px;
padding : 0 0 0 0; 
}

.portlet2-header{
height: 20px;
clear: both;
/*background:url(../js/ext/resources/images/purple/panel/light-hd.gif) repeat-x right -2px; */
border:0px;
color:#000000;  
font-size:12px; 
display: block;
}


